<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>MooEditable</title>

		<style type="text/css">
			body{
				font-family: sans-serif;
				font-size: .9em;
			}
		</style>

	</head>
	<body>

		<h1>MooEditable (<a href="http://mooeditable.googlecode.com/">http://mooeditable.googlecode.com/</a>)</h1>
		
		<h2>About</h2>
		
		<p>A simple web-based WYSIWYG editor, written in <a href="http://mootools.net/">Mootools</a>.</p>
		
		<h2>Features</h2>
		
		<ul>
			<li>Clean interface</li>
			<li>Customizable buttons</li>
			<li>Tango icons</li>
			<li>Lightweight (~20Kb uncompressed)</li>
			<li>Fully degradable when Javascript disabled</li>
			<li>Works in Internet Explorer 6/7, Firefox 2/3, Opera 9 and Safari 3 beta</li>
		</ul>
		
		<h2>Requirements</h2>
		
		<p><a href="http://mootools.net/download">Mootools 1.2.1 Core</a>, with minimum requirements of:</p>
		<ul>
			<li>Class.Extras</li>
			<li>Element.Event</li>
			<li>Element.Style</li>
			<li>Element.Dimensions</li>
			<li>Selectors</li>
			<li>Request.HTML (if uses AJAX submit)</li>
		</ul>
		
		<h2>Examples</h2>
		
		<p>The basic code:</p>
		
		<pre><code>window.addEvent('load', function(){
	$('textarea-1').mooEditable();
});</code></pre>
		
		<p>Few examples:</p>
		
		<ul>
			<li><a href="examples/default.html">basic example</a></li>
			<li><a href="examples/default-submit-ajax.html">example with AJAX submit</a></li>
			<li><a href="examples/default-custom-toolbar.html">example with customized toolbar buttons</a></li>
			<li><a href="examples/default-additional-buttons.html">example with additional buttons</a></li>
			<li><a href="examples/default-api-demo.html">example with API demonstration</a></li>
		</ul>
		
		<h2>Changelog</h2>
		
		<ul>
		<li>0.4 (<em>current</em>)
			<ul>
			<li>Added more regex for semantic xhtml output</li>
			<li>Added <code>cssPath</code> and <code>cssClass</code> options to load custom stylesheet</li>
			<li>Added 3 toolbar display mode (icons, text and icons-text)</li>
			<li>Removed <code>styleWithCSS</code> option, no longer useful since release of Firefox 3 beta</li>
			<li>Fixed (really!) the 'Permission denied' error on Internet Explorer 6</li>
			<li>Fixed 'initial' output from textarea to the iframe</li>
			<li>Fixed code for adding <code>formatBlock</code></li>
			</ul>
		</li>
		<li>0.3 (20 Nov 2007)
			<ul>
			<li>Fixed formatting bugs with Internet Explorer 7</li>
			<li>Fixed IE bug with inherited margins on form elements</li>
			<li>Fixed error when cancelling hyperlink prompt dialog</li>
			<li>Fixed button hover for Internet Explorer 6</li>
			<li>Tweaked the PNG images to be a little friendlier for Internet Explorer 6</li>
			<li>Fixed <code>&lt;label&gt;</code> event to focus on iframe instead of textarea in design mode</li>
			</ul>
		</li>
		<li>0.2 (15 Nov 2007)
			<ul>
			<li>Fixed padding of textareas and iframe's doc for Safari 3 beta</li>
			<li>Added instant update of content to textareas</li>
			<li>Added compatibility for Internet Explorer 7</li>
			<li>Better compatibility with Adobe AIR's webkit</li>
			<li>More regex to cleanup the messy code made by Internet Explorer</li>
			<li>Removed <code>mode</code> option, not very useful anyway</li>
			</ul>
		</li>
		<li>0.1 (12 Nov 2007)
			<ul>
			<li>first initial release</li>
			</ul>
		</li>
		</ul>

	</body>
</html>
